import React, { memo } from 'react'
import { FooterWrapper,FooterLeft,FooterRight } from "./style";
import {
  footerLinks,footerImages
} from '../../common/local-data'

export default memo(function HJAppFooter() {
  return (
    <div>
      <FooterWrapper>
        <div className="content wrap-v1">
          <FooterLeft>
            <ul className="link">
              {
                footerLinks.map(item=>{
                  return (
                    <li key={item.title}>
                      <a href={item.link}>{item.title}</a>
                    </li>
                  )
                })
              }
            </ul>
            <div className="copyright">
                <span>网易公司版权所有©1997-2021</span>
                <span>
              杭州乐读科技有限公司运营：
                <a href="https://p1.music.126.net/Mos9LTpl6kYt6YTutA6gjg==/109951164248627501.png" rel="noopener noreferrer" target="_blank">浙网文[2018]3506-263号</a>
               </span>
            </div>
            <div className="report">
                <span>违法和不良信息举报电话：0571-89853516</span>
                <span>
                   举报邮箱：
                   <a href="mailto:ncm5990@163.com" target="_blank" rel="noopener noreferrer">ncm5990@163.com</a>
                </span>
              </div>
            <div className="info">
              <span>粤B2-20090191-18</span>
              <a href="http://www.beian.miit.gov.cn/publish/query/indexFirst.action" rel="noopener noreferrer" target="_blank">
                工业和信息化部备案管理系统网站
              </a>
           </div>
          </FooterLeft>
          <FooterRight>
              <ul>
                {
                  footerImages.map((item,index)=>{
                    return (
                      <li className="item" key={item.link}>
                        <a className="link" href={item.link}> </a>
                        <span className="title">{item.title}</span>
                      </li>
                    )
                  })
                }
              </ul>
          </FooterRight>
        </div>
      </FooterWrapper>
    </div>
  )
})
